<template>
  <div>
    <h3>心黑黑店</h3>
    <MyProduct 
    v-for='item in list' :key='item.id' :sonProduct='item'
    @fatherPrice='discount'
    :sonId='item.id'
    ></MyProduct>
  </div>
</template>

<script>
import MyProduct from './MyProduct.vue'
export default {
components: {MyProduct},
  data() {
    return {
      list: [
        {
          id: 1,
          proname: '超级好吃棒棒糖',
          proprice: 188,
          low: 160,
          desc: '甜',
        },
        {
          id: 2,
          proname: '超级好吃的大鸡腿',
          proprice: 360,
          low: 320,
          desc: '香',
        },
        { id: 3, proname: '超级无敌冰激凌', proprice: 42, low: 30, desc: '冰' },
      ],
    }
  },
methods:{
  discount(id,num){
    this.list.forEach(item=>{
      if(item.id===id){
        item.proprice>item.low?(item.proprice-=num):alert('别砍价啦，给孩子留条底裤把，求求你啦~')
      }
    })
  }
}
}
</script>

<style></style>
